<!doctype html>
<html lang="zh-CN">
  <head>
    <!-- 必须的 meta 标签 -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <title>Hello, world!</title>
  </head>
  <style type="text/css">
    .car{
      /* display: inline-block;
      background-color:green;
      height: 60px;
      width: 40px;
      margin-left: 5px; */
      margin-left: 15px;
      margin-top: 15px;
    }
</style>
  <body>
    

     <!-- 新 Bootstrap 核心 CSS 文件 -->
     <link href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">

     <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
     <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
     <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
     <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>

    

    <div class="container">
      <div class="row">
        <nav class="navbar navbar-inverse" role="navigation">
          <div class="container-fluid">
            <div class="navbar-header">
                <a class="navbar-brand" href="#">停车场寻车系统</a>
            </div>
            <div>
                <ul class="nav navbar-nav">
                    <li ><a href="./PosMangement.html">车位管理</a></li>
                    <li class="active"><a href="./carMangement.html">车牌管理</a></li>
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                            相关链接 <b class="caret"></b>
                        </a>
                        <ul class="dropdown-menu">
                            <li><a href="https://v3.bootcss.com/">bootstrap</a></li>
                            <li><a href="https://baidu.com/">百度</a></li>

                        </ul>
                    </li>
                </ul>
            </div>
          </div>
        </nav>

        <h3 style="text-align: center;">车牌管理</h3>

      </div>

       <!-- <div class="row">
            <div class="col-md-4" style="background: red;">姓名</div>
            <div class="col-md-4" style="background: yellow;">年龄</div>
            <div class="col-md-4" style="background: blue;">性别</div>
        </div> -->

      <div class="row ">
        <table class="table table-hover" border="1"  width="800px" style="margin: 0 auto;text-align: center;font-size: 18px;">
          <tr class="success">
            <td>序号</td>
            <td>车牌</td>
            <td>时间</td>
            <td>状态</td>
          </tr>

          <tr>
            <td>1</td>
            <td>苏A8888</td>
            <td>2022.9.1</td>
            <td>停车中</td>
          </tr>

          <tr>
            <td>2</td>
            <td>苏A8888</td>
            <td>2022.9.1</td>
            <td>已离开</td>
          </tr>
          <tr>
            <td>3</td>
            <td>苏A8888</td>
            <td>2022.9.1</td>
            <td>已离开</td>
          </tr>
          <tr>
            <td>4</td>
            <td>苏A8888</td>
            <td>2022.9.1</td>
            <td>已离开</td>
          </tr>
          <tr>
            <td>5</td>
            <td>苏A8888</td>
            <td>2022.9.1</td>
            <td>已离开</td>
          </tr>
          <tr>
            <td>6</td>
            <td>苏A8888</td>
            <td>2022.9.1</td>
            <td>已离开</td>
          </tr>
        </table>  
      </div>


      
        


          


    </div>




  </body>
</html>